<template>
  <div>
    <!-- 商品详情页 -->
    <div>
      <van-nav-bar>
        <template #left>
          <van-icon name="arrow-left" size="20" @click="hq()"/>
        </template>
        <template #title>
          <div>详情</div>
        </template>
        <template #right>
          <van-icon name="ellipsis" size="20" />
        </template>
      </van-nav-bar>
    </div>
    <div class="all5">
      <!-- 头像 -->
      <div>
        <van-image round width="5rem" height="5rem" src="aee.touxiang" />
      </div>
      <!-- 用户信息 -->
      <div class="infor4">
        <div>
          <span>用户名</span>
        </div>
        <div>用户地址</div>
      </div>
      <div>
        <van-button type="primary">加关注</van-button>
      </div>
    </div>
    <div>
      <h1>标题</h1>
      <div>
        <div>价格</div>
        <div>运费</div>
      </div>
      <div>
        <h3>内容</h3>
        <div><img src="" alt="" /></div>
        <div><img src="" alt="" /></div>
      </div>
      <div>标签</div>
    </div>
    <div>
      <van-divider content-position="left">温馨提示</van-divider>
      <div>
        1.进行二手交易时,请大家不要直接使用“微信"或“支付宝"等软件先行付款,以免发生不必要的损失。
      </div>
      <div>
        2.我们建议您使用“闲鱼"等第三方二手平台完成交易,当您购买的二手渔具出现问题或出现对方收钱不发货的情况时，您的利益才能得到有效保障。
      </div>
    </div>
  </div>
</template>
<script>
export default {
    methods: {
        hq(){
            this.$router.push({
                name:'市场'
            })
        }
    },
};
</script>
<style scoped>
.all5 {
  display: flex;
}
</style>